<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>关于我们</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="images/favicon.png">

  <script src="../public/all/js/jquery-3.1.1.min.js"></script>
  <script src="../public/all/js/amazeui.min.js"></script>
  
  <link rel="stylesheet" href="../public/all/css/amazeui.min.css">
</head>
<body>
    <div class="top">
      <img src="images/logo.png" width="88px"/>
      <div class="name">菠菜</div>
      <div class="ver">V1.0.1</div>
    </div>

    <div class="menus">
      <div class="item kf">
        <div class="l"><img src="images/kf.png"/></div>
        <div class="l">平台客服QQ</div>
        <div class="r">00000000</div>
        <div class="clear"></div>
      </div>

      <div class="item wechat">
        <div class="l"><img src="images/wechat.png"/></div>
        <div class="l">平台微信</div>
        <div class="r">xxxxxx</div>
        <div class="clear"></div>
      </div>
    </div>

    <ul class="am-avg-sm-1 qrcode">
      <li>
        <img src="images/qrcode.png"/>
        <div>扫一扫下载</div>
      </li>
    </ul>

    <style type="text/css">
      body {
        background-color: #f0eff5;
      }
      .clear { clear: both; }
      .top {
        text-align: center;
        padding: 20px 0px 10px 0px;
        line-height: 32px;
      }
      .ver {
        color: #909090;
      }
      .menus {
        background-color: #fff;
        border: 1px solid #ddd;
        border-left: 0px;
        border-right: 0px;
        line-height: 40px;
        padding: 0px 15px 0px 15px;
        color: #000;
        font-weight: bold;
      }
      .menus .l {
        float: left;
        margin-right: 10px;
      }
      .menus .r {
        float: right;
        color: #76bef9;
      }
      .menus .kf {
        border-bottom: 1px solid #ddd;
      }
      .menus .l img {
        height: 24px;
        margin-top: -5px;
      }
      .qrcode li {
        text-align: center;
        padding-top: 25px;
      }
      .qrcode li img {
        width: 80%;
      }
    </style>
</body>
</html>
